<template>
    <div class="addaddress">
        <van-nav-bar title="编辑收货地址" left-arrow fixed @click-left="onClickLeft"></van-nav-bar>
        <van-address-edit
            show-postal
            show-delete
            show-set-default
            show-search-result
            :search-result="searchResult"
            :area-columns-placeholder="['请选择', '请选择', '请选择']"
            @save="onSave"
            @delete="onDelete"
            @change-detail="onChangeDetail"
            />
    </div>
</template>

<script>
export default {
    data() {
        return {
            searchResult: [],
        };
    },
    methods: {
        onClickLeft(){
            this.$router.push("/shoppingaddress");
        },
        onSave() {
            Toast('save');
        },
        onDelete() {
            Toast('delete');
        },
        onChangeDetail(val) {
            if (val) {
                this.searchResult = [
                    {
                        name: '黄龙万科中心',
                        address: '杭州市西湖区',
                    },
                ];
            } else {
                this.searchResult = [];
            }
        },
    },
};

</script>
<style>
.addaddress .van-nav-bar{
    border-bottom: 1px solid #d6cdcd;
}
</style>
